<template>
  <!-- .sync修饰符
         作用：值的双向绑定
         用法：
             子组件标签   :属性名="父组件属性"   @update:属性名="父组件属性=$event"
             子组件标签   :属性名.sync="父组件属性"
             子组件内：
                  props:['属性名']
                  this.$emit('update:属性名',修改后的实参值)

         v-model
            用法
                子组件标签   :value="父组件属性"    @input="父组件属性=$event"
                子组件标签   v-model="父组件属性"
                子组件内
                    props:['value']
                    model:{
                        prop:'value',
                        event:'input'
                    }
                    this.$emit('input',实参值)
 -->

  <div>
    <h1>.sync</h1>
    <!-- <HmNum :num="fatherNum" @update:num="fatherNum = $event" /> -->
    <HmNum :num.sync="fatherNum" />
  </div>
</template>
<script>
import HmNum from './components/HmNum'
export default {
  components: {
    HmNum
  },
  data() {
    return {
      fatherNum: 1
    }
  }
}
</script>
<style></style>
